<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head >
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <script th:src="@{/js/bootstrap.min.js}" type="text/javascript"></script>-->
    <!-- 引入 layui.css -->
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />

    <!-- 引入 layui.js -->
    <script src="https://www.layuicdn.com/layui/layui.js"></script>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div th:replace="common/frame::header"></div>
    <div th:replace="common/frame::side"></div>

    <div class="layui-body">
        <!-- 内容主体区域 -->

        <!--        <h1>当前Redis中所有key</h1>-->
        <table class="layui-table">
            <tr >
                <td>序号</td>
                <td>key</td>
                <td>类型</td>
            </tr>
            <tr th:each="key,stat:${set}">
                <td th:text="${stat.count}"></td>
                <td th:text="${key.getRedisKey()}"></td>
                <td th:text="${key.getRedisType()}"></td>
            </tr>
        </table>

        <button class="layui-btn" th:onclick="ShowAddBox()">添加</button>
        <div style="padding: 15px;">内容主体区域。记得修改 layui.css 和 js 的路径</div>
        <div th:replace="common/frame::foot"></div>
    </div>
</div>

</body>

<script type="module">
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    import * as layui from "../static/js/dropzone/dropzone";

    layui.use('element', function(){
        var element = layui.element;

        //…
    });
</script>
</html>